<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>佣金记录</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="__INDEX__/js/mui.min.js"></script>
	<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="__INDEX__/css/iconfont.css" />
	<link rel="stylesheet" href="__INDEX__/css/style.css" />
	<link rel="stylesheet" href="__INDEX__/css/wallet.css" />	
	</head>
    <style>
    	.mui-content{
    		background: white;
    	}
    	.record_list2{
    		padding-bottom: 0;
    	}
    	.record_list .less .right, .less .center {
		    color: #333333;
		}
		.record_list .right, .record_list2 .right, .record_list2{
			color: #2783e7;
		}
    </style>
	<body style="background: white;">
		<header class="mui-bar mui-bar-nav">
		    <a class=" mui-icon mui-icon-left-nav mui-pull-left" href="JavaScript:history.go(-1)"></a>
		    <h1 class="mui-title">佣金记录</h1>
		</header>
		<div class="mui-content">
			<!--<ul class="record_nav clearfix">
				<li class="left">日期</li>
				<li class="center">佣金类型</li>
				<li class="right">金额</li>
			</ul>-->
			<ul class="record_list2">
		    	<li class="less clearfix" style="text-align: center;">
		    		<div class="left">
		    			<p class="list_nam">开卡人数</p>
		    			<p class="list_time" style="text-align: center;">{$count ? $count : 0}</p>
		    		</div>
		    		<div class="left" style="float: right;">
		    			<p class="list_nam">开卡金额</p>
		    			<p class="list_time" style="text-align: center;">{$balance ? $balance : '0.00'}</p>
		    		</div>
		    	</li>
		    </ul>
		    <ul class="record_list2" id="yongj_ul">
		    	<!--<li class="less clearfix">
		    		<div class="left">
		    			<p class="list_nam">九鼎国际养殖场</p>
		    			<p class="list_time">2017/4/17</p>
		    		</div>
		    		<div class="center">－66</div>
		    		<div class="right">20000</div>
		    	</li>-->
		    </ul>
		</div> 
		<input type="hidden" id="page" value="1" /> 
	</body>

</html>
<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
<script type="text/javascript" src="__INDEX__/js/layer/layer.min.js"></script> 
<script type="text/javascript">
	list();
	function list(){
		$.ajax({
			type:"post",
			data:{ 
				page:$("#page").val()
			},
			url:"{:url('index/member/yj_record')}",
			success:function(data){	 
				var list=data.list;  
				var html=""; 
				if(list != ''){ 
					for(var i=0;i<list.length;i++){
						var log=list[i];   
						html+='<li class="less clearfix">' 
						    +'<div class="left">' 
						    +'<p class="list_nam">'+log.name+'</p>'
						    +'<p class="list_time">'+log.add_time+'</p>'
				    		+'</div>'
				    		+'<div class="center">'+log.user_name+'</div>'
				    		+'<div class="right">￥'+log.ywy_yj+'</div>'
				    		+'</li>'
					}
				}else{
					if($("#page").val() == 1){
						html='<div style="text-align: center;margin-top: 200px;background:#efeff4">暂无相关数据</div>';
					} 
				}
				$("#yongj_ul").append(html);
				
			}
		}); 
	}
	
	$(window).scroll(function(){
		var scrollTop = $(window).scrollTop();       //滚动条高度
		var bodyheight = $(document).height();         //文档的高度
		var windowheight = window.innerHeight;	//$(window).height();              //当前窗体的高度
		if((bodyheight - windowheight - scrollTop) == 0){ 
			var index = layer.load(1, {shade: false,time: 1.5 * 1000});
			var page = $("#page").val();
			page++;
			$("#page").val(page);
			list(); 
		}				
	})
</script>
